<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1;IE=edge">
    <meta name="viewport" content="user-scalable=no">
    <link rel="stylesheet" href="../../../railView/css/railbox.css" type="text/css" />
    <script type="text/javascript" src="../../../railView/js/railbox-2.0.0.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/UUID.js"></script>
    <style>
        #buttom-container {
            position: absolute;
            top: 4px;
            left: 45px;
            z-index: 99;
        }
        .button {
            padding: 0 10px;
            min-width: 54px;
            height: 30px;
            line-height: 30px;
            margin: 4px;
            text-align: center;
            border-radius: 3px;
            border: none;
            cursor: pointer;
            background: rgba(34, 45, 50, 0.7);
            color: #FFFFFF;
        }
    </style>
</head>
<body>
    <div id="buttom-container">
        <button class="button" onclick="handleSetModel('wireframOnShaded')">带线渲染</button>
        <button class="button" onclick="handleSetModel('shaded')">不带线渲染</button>
        <button class="button" onclick="handleSetModel('hiddenLines')">隐线</button>
        <button class="button" onclick="handleSetModel('wireframe')">线框</button>
    </div>
    <div id="left" style="width:100%;height:100%;position:relative;float:left"></div>
    <script id="viewerStartup">
        let tk;
        window.onload = function () {
            let proleft = new CarsView("left", 'csr', exampleModelId, callbackleft, {
                isShowAxis: true
            });
            proleft.then(function (value) {
                tk = value;
            });
        }
        function callbackleft(nodeNames, nodeIds, position, center, normal) {}
        function handleSetModel(state) {
            tk.setModelShadedMode(state);
        }
    </script>
</body>
</html>
